<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>房东申请5</title>
        <link href="../css/house_owner/House5.css" rel="stylesheet">
        <link href="../css/house_owner/layui.css" rel="stylesheet">
    </head>
    <body class="background_first">


    <div class="nav">
        <div class="head-logo">
            <a href=""></a>
        </div>
        <div class="head-nav">
            <ul>
                <li><a href="" class="first-item">首页</a> </li>
                <li><a href="">手机端</a> </li>
                <li><a href="">成为房东</a> </li>
                <li><a href="">房源订单中心</a> </li>
                <li><a href="">消息</a> </li>
                <li><a href="">我的收藏</a> </li>
                <li><a href="">帮助</a> </li>
            </ul>
        </div>
        <div class="head-login">
            <a href="">
                <img class="login-logo" src="../image/login-logo.svg"/>
                <span class="login-title">登录</span>
            </a>
            <a href="">
                <img class="regist-logo" src="../image/regist-logo.svg" >
                <span class="login-title">注册</span>
            </a>
        </div>
    </div>




    <div class="price_rule_wrapper">
        <div class="price_rule_tips">
            <h5>
                <font size="4px">
                    请为您的房源设置订阅规则
                </font>
            </h5>
        </div>


        <div class="price_rule_content">
            <div class="section_title">
                <h5>
                   <font style="vertical-align: inherit;">
                       售卖价格
                   </font>
                </h5>

                <p class="title_tips">
                    <font style="vertical-align: inherit;">
                        日价的百分之十作为服务费，请注意考虑。
                    </font>
                </p>
            </div>


            <div class="el_form">
                <div class="el_form_item">
                    <label class="el_form_item_label"">
                        <font style="vertical-align: inherit;">
                            周日-周四价格:（元/每晚）
                        </font>
                    </label>

                    <div class="el_form_item_content" style="margin-left: 150px;">
                        <!--::before-->
                        <div class="el_input">
                            <input type="text" autocomplete="off" maxlength="6" placeholder="请输入" class="el_input_inner">

                            <!--<span class="el_input_suffix">
                                <i>
                                  <font style="vertical-align: inherit;">
                                      元/每晚
                                  </font>
                                </i>
                            </span>-->
                        </div>
                    </div>
                </div>

                <div class="el_form">
                    <div class="el_form_item">
                        <label class="el_form_item_label"">
                        <font style="vertical-align: inherit;">
                            周五-周六价格:（元/每晚）
                        </font>
                        </label>

                        <div class="el_form_item_content" style="margin-left: 150px;">
                            <!--::before-->
                            <div class="el_input">
                                <input type="text" autocomplete="off" maxlength="6" placeholder="请输入" class="el_input_inner">

                            </div>
                        </div>
                    </div>


                    <div class="el_form">
                        <div class="el_form_item">
                            <label class="el_form_item_label"">
                            <font style="vertical-align: inherit;">
                                节假日价格:（元/每晚）
                            </font>
                            </label>

                            <div class="el_form_item_content" style="margin-left: 150px;">
                                <!--::before-->
                                <div class="el_input">
                                    <input type="text" autocomplete="off" maxlength="6" placeholder="请输入" class="el_input_inner">

                                </div>

                                <span class="input_tips">
                                    <font style="vertical-align: inherit;">
                                        法定节假日如劳动节、国庆节等，含节假日前价格
                                    </font>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>






            <div class="section_title">
                <h5>
                    <font style="vertical-align: inherit;">
                        押金
                    </font>
                </h5>
            </div>


            <div class="el_form">
                <div class="el_form_item">
                    <label class="el_form_item_label"">
                    <font style="vertical-align: inherit;">
                        押金
                    </font>
                    </label>

                    <div class="layui_bigtab">
                        <div class="layui-tab">
                            <ul class="layui-tab-title">
                                <li class="layui-this">需要押金</li>
                                <li>无需押金</li>
                            </ul>


                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <div class="el_form">
                                        <div class="el_form_item">
                                            <label class="el_form_item_label">

                                                <font style="vertical-align: inherit;">
                                                    押金金额（元）
                                                </font>

                                            </label>

                                            <div class="el_form_item_content" style="margin-left: 150px;">
                                                <!--::before-->
                                                <div class="el_input">
                                                    <input type="text" autocomplete="off" maxlength="6" placeholder="请输入" class="el_input_inner">
                                                </div>

                                                <span class="input_tips">
                                                    <font style="vertical-align: inherit;">
                                                        请设置押金金额，过高的押金可能会降低房客预期意愿
                                                    </font>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="layui-tab-item">无需押金可能会导致屋内家具损坏房东无法即使获得赔偿</div>
                            </div>
                        </div>
                    </div>





                    <!--<div class="el_form_item_content" style="margin-left: 150px;">
                        &lt;!&ndash;::before&ndash;&gt;
                        <div class="el_input">
                            <input type="text" autocomplete="off" maxlength="6" placeholder="请输入" class="el_input_inner">
                        </div>
                    </div>-->
                </div>



            </div>





            <div class="section_title">
                <h5>
                    <font style="vertical-align: inherit;">
                        额外费用
                    </font>
                </h5>
            </div>


            <div class="el_form">
                <div class="el_form_item">
                    <label class="el_form_item_label"">
                    <font style="vertical-align: inherit;">
                        费用说明：
                    </font>
                    </label>

                    <div class="el_form_item_content" style="margin-left: 150px;">
                        <!--::before-->
                        <div class="el_textarea">
                            <textarea autocomplete="off" placeholder="对税费、电费、燃气费等其他费用有其他要求，请进行描述（选填）"
                            maxlength="2000" class="el_textarea_inner" style="min-height: 66px">
                            </textarea>

                        </div>
                    </div>
                </div>
            </div>


        </div>

    </div>






    <!--=================================底部====================================-->
    <div class="fix-bottom">
        <div class="bottomWrapper">
            <div class="back-to-top">
                <div id="goTop">
                    <font style="vertical-align: inherit;">
                        回到顶部
                    </font>
                </div>

            </div>

            <div class="save-back">
                <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存返回列表</font>
                      </font>
                  </span>
                </button>
            </div>

            <div class="save">
                <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存并继续</font>
                      </font>
                  </span>
                </button>
            </div>

            <div class="save">
                <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">发布</font>
                      </font>
                  </span>
                </button>
            </div>
        </div>

    </div>


    <div  class="foot-lianjie" >
        <div>
            <a href="https://www.baidu.com/?tn=40020637_9_oem_dg" class="test-foot-lianjie">
                友情链接：百度（baidu）
            </a>
        </div>

    </div>




    <!--======================================js附加======================================-->

    <script src="../js/homeowner/layui.js" charset="utf-8"></script>
    <script>
        layui.use('element', function(){
            var $ = layui.jquery
                ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

            //触发事件
            var active = {
                tabAdd: function(){
                    //新增一个Tab项
                    element.tabAdd('demo', {
                        title: '新选项'+ (Math.random()*1000|0) //用于演示
                        ,content: '内容'+ (Math.random()*1000|0)
                        ,id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
                    })
                }
                ,tabDelete: function(othis){
                    //删除指定Tab项
                    element.tabDelete('demo', '44'); //删除：“商品管理”


                    othis.addClass('layui-btn-disabled');
                }
                ,tabChange: function(){
                    //切换到指定Tab项
                    element.tabChange('demo', '22'); //切换到：用户管理
                }
            };

            $('.site-demo-active').on('click', function(){
                var othis = $(this), type = othis.data('type');
                active[type] ? active[type].call(this, othis) : '';
            });

            //Hash地址的定位
            var layid = location.hash.replace(/^#test=/, '');
            element.tabChange('test', layid);

            element.on('tab(test)', function(elem){
                location.hash = 'test='+ $(this).attr('lay-id');
            });

        });

        //以下内容是设置小方块点击后回到顶部的效果
        goTop.onclick = function(){
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>

    </body>
</html>